
<html lang="en">
<head>

    <title>Document</title>
    <img id="h1" src="https://tse2-mm.cn.bing.net/th/id/OIP-C.yNYhddFn1ZwVCPRraVwcrwAAAA?w=161&h=116&c=7&r=0&o=5&dpr=1.3&pid=1.7"><br><br>

    <div class="cls">csdn官网</div>  <br>
    <div class="cls">tq02网页</div>  <br>

    <input type="checkbox" name="hobby">电影
    <input type="checkbox" name="hobby">旅游
    <input type="checkbox" name="hobby">游戏

</head>
<body>
    
    <script>
      /*   var a=[1,2,3,4,5,6,7,8];

        a.forEach((e)=>{
             alert(e);
        }) */
        var a="  abcdefg   ";
   /*      
        alert(a.trim()); */
        /* alert(a.substring(3,8)); */

        /* var a='{ "name":"tq02", "age":22 , "addr": ["北京","上海","四川"]}';
        var j=JSON.parse(a);
        alert(j.addr);

        alert(JSON.stringify(j)); */
  
    
    //window的方法
        /*    alert("tq02");
        confirm("你确定删除嘛");
       
       //每两秒执行一次
        var i=0;
        setInterval(()=>
        {
            document.write(i++);
        },2000)

        //两秒之后执行该函数
        setTimeout(()=>{
            document.write(5000);
        },2000) */


        //1.获取元素，根据id名获取
        var img=document.getElementById('h1');
        alert(img);

        //2.根据标签获取
        var divs=document.getElementsByTagName('div');
        for(let i=0;i<divs.length;i++){
            alert(divs[i]);
        }
        //根据name属性值获取
        var hobbys = document.getElementsByName( 'hobby');
        for(let i=0;i<hobbys.length;i++){
            alert(hobbys[i]);
        }

        //根据class属性值获取
        var clss = document.getElementsByClassName('cls');
        for(let i=0;i<clss.length;i++){
            alert(clss[i]);
        }

    </script>

</body>
</html>